/**
 * 
 */
var superDeptStore = Ext.create('Ext.data.TreeStore', {
			fields : ['id', 'name'],
			proxy : {
				type : 'ajax',
				url : 'deptAction!getTreeBypid.action'
			},
			root : {
				id : '1',
				name : '上海市质量监督局',
				expanded : true
			},
			// rootVisible : false,
			reader : {
				type : 'json'
			}
		});

var userStore = new Ext.data.JsonStore({
			proxy : {
				type : 'ajax',
				url : 'userAction!queryUserPage.action',
				reader : {
					type : 'json',
					root : 'pageList'
				}
			},
			fields : ['name', 'id']
		});
userStore.load();
var userSelector = Ext.create('Ext.ux.form.ItemSelector', {
			name : 'users',
			store : userStore,
			displayField : 'name',
			valueField : 'id',
			msgTarget : 'side',
			fromTitle : '未选',
			toTitle : '已选'
		});
var infoForm = Ext.create('Ext.form.Panel', {
	autoScroll : true,
	bodyPadding : 0,
	border : true,
	defaults : {
		anchor : '100%'
	},
	items : [{
		xtype : "fieldset",
		collapseFirst : true,
		border : false,
		defaults : {
			anchor : '100%'
		},
		layout : 'anchor',
		items : [{
			layout : 'hbox',
			bodyBorder : false,
			bodyStyle : 'padding:0px 0px 10px 0px;border-width:0px 0px 0px 0px',
			defaults : {
				border : false,
				flex : 1,
				layout : 'anchor',
				anchor : '50%'
			},
			items : [{
				id : 'dept',
				fieldLabel : '单位名称',
				xtype : 'treepicker',
				store : superDeptStore,
				displayField : 'name',
				width : 50,
				valueField : 'id',
				listeners : {
					// 为项目(ComboBox)列表添加一个select 事件，当改变areaCombo的值的时候改变
					// MemberName(该项目的成员名称)的URL中的参数ProjectID
					select : function(view, record, sumitem, index, event,
							options) {
						var proxy = userStore.getProxy();
						proxy.extraParams = {
							'deptId' : this.value
						};
						// userSelector.fromField.store.removeAll();
						userSelector.restore(userStore);
						userStore.reload();

						// userSelector.bindStore(userStore);
					}
				}
			}]
		}]
	}, userSelector]
});

var masterForm = Ext.create('Ext.form.Panel', {
			autoScroll : true,
			bodyPadding : '10px 100px 10px 100px',
			border : false,
			defaults : {
				anchor : '100%'
			},
			items : [infoForm],
			buttons : [{
						text : 'GO',
						handler : function() {
							// alert(userSelector.getValue());
							alert(userSelector.getText());
						}
					}]
		});

Ext.onReady(function() {
			Ext.create('Ext.container.Viewport', {
						layout : 'fit',
						items : [masterForm]
					});
		});